<template>
  <div id="office">
    <!--    <div id="WebOffice"></div>-->
  </div>
</template>

<script>
  import Vue from 'vue'
  // import $ from 'jquery'
  import { WebOffice2015 } from '@/plugins/iWebOffice/js/WebOffice'
  import '@/plugins/iWebOffice/js/iWebOffice2015'
  import { webOfficeTpl } from '@/plugins/iWebOffice/js/iWebOffice2015'
  // import { Load } from './js'
  // import $ from '@/plugins/iWebOffice/js/jquery-1.4.2.min.js'
  export default {
    name: 'Office',
    data() {
      return {
        webOffice: null,
        webOfficeObj: null
      }
    },
    mounted() {
      console.log(webOfficeTpl)
      this.$nextTick(() => {
        // this.initWebOffice()
        // this.initWebOfficeObject()
      })
    },
    created() {
      this.$nextTick(() => {
        this.initWebOffice()
        this.initWebOfficeObject()
      })
    },
    methods: {
      init() {

      },
      initWebOffice() {
        // this.webOffice = new Vue({
        //   template: webOfficeTpl
        // }).$mount('#office')
        document.getElementById('office').innerHTML = webOfficeTpl
      },
      initWebOfficeObject() {
        // console.log(WebOffice2015)
        this.WebOffice = new WebOffice2015()
        this.WebOffice.setObj(document.getElementById('WebOffice2015'))
        console.log(this.WebOffice)
        try {
          // // this.webOfficeObj.ServerUrl = "http://www.kinggrid.com:8080/iWebOffice2015/OfficeServer";
          // // this.webOfficeObj.RecordID = "1551950618511";  //RecordID:本文档记录编号
          // this.webOfficeObj.UserName = '梅林辉'
          // this.webOfficeObj.FileName = 'Mytemplate.doc'
          // this.webOfficeObj.FileType = '.doc' // FileType:文档类型  .doc  .xls
          // this.webOfficeObj.ShowWindow = false // 显示/隐藏进度条
          // this.webOfficeObj.EditType = '1' // 设置加载文档类型 0 锁定文档，1无痕迹模式，2带痕迹模式
          // this.webOfficeObj.ShowMenu = 1
          // this.webOfficeObj.ShowToolBar = 1
          // this.webOfficeObj.SetCaption(this.webOfficeObj.UserName + '正在编辑文档') // 设置控件标题栏标题文本信息
          // // 参数顺序依次为：控件标题栏颜色、自定义菜单开始颜色、自定义工具栏按钮开始颜色、自定义工具栏按钮结束颜色、
          // // 自定义工具栏按钮边框颜色、自定义工具栏开始颜色、控件标题栏文本颜色（默认值为：0x000000）
          // // if (!this.webOfficeObj.WebSetSkin(0xdbdbdb, 0xeaeaea, 0xeaeaea, 0xdbdbdb, 0xdbdbdb, 0xdbdbdb, 0x000000)) {
          // //   alert(this.webOfficeObj.Status)
          // // } // 设置控件皮肤
          // if (this.webOfficeObj.WebOpen()) {
          //   // StatusMsg(WebOfficeObj.Status);
          // }
          // this.webOfficeObj.AppendMenu('1', '打开本地文件(&L)')
          // this.webOfficeObj.AppendMenu('2', '保存本地文件(&S)')
          // this.webOfficeObj.AppendMenu('3', '-')
          // this.webOfficeObj.AppendMenu('4', '打印预览(&C)')
          // this.webOfficeObj.AppendMenu('5', '退出打印预览(&E)')
          // this.webOfficeObj.AddCustomMenu()
          // this.webOfficeObj.HookEnabled()
          // this.webOfficeObj.CreateFile() // 根据FileType设置的扩展名来创建对应的空白文档

          this.WebOffice.WebUrl = 'http://www.kinggrid.com:8080/iWebOffice2015/OfficeServer' // WebUrl:系统服务器路径，与服务器文件交互操作，如保存、打开文档，重要文件
          this.WebOffice.RecordID = '1575537125515' // RecordID:本文档记录编号
          this.WebOffice.FileName = '1575537125515.doc' // FileName:文档名称
          this.WebOffice.FileType = '.doc' // FileType:文档类型  .doc  .xls
          this.WebOffice.UserName = '体验用户03' // UserName:操作用户名，痕迹保留需要
          this.WebOffice.AppendMenu('1', '打开本地文件(&L)') // 多次给文件菜单添加
          this.WebOffice.AppendMenu('2', '保存本地文件(&S)')
          this.WebOffice.AppendMenu('3', '-')
          this.WebOffice.AppendMenu('4', '打印预览(&C)')
          this.WebOffice.AppendMenu('5', '退出打印预览(&E)')
          this.WebOffice.AddCustomMenu() // 一次性多次添加包含二次菜单
          this.WebOffice.Skin('purple') // 设置皮肤
          //   WebOffice.ShowTitleBar(false); //隐藏标题栏
          this.WebOffice.ShowMenuBar(true) // 隐藏工具栏菜单
          // WebOffice.ShowCustomToolbar(false); //隐藏手写签批工具栏
          this.WebOffice.ShowToolBars(true) // Office工具栏
          this.WebOffice.HookEnabled()
          this.WebOffice.SetCaption()
          this.WebOffice.SetUser('体验用户03')
          if (this.WebOffice.WebOpen()) { // 打开该文档    交互OfficeServer  调出文档OPTION="LOADFILE"
            this.WebOffice.setEditType('0') // EditType:编辑类型  方式一   WebOpen之后
            this.WebOffice.VBASetUserName(this.WebOffice.UserName) // 设置用户名
            //	getEditVersion();//判断是否是永中office
            //    WebOffice.AddToolbar();//打开文档时显示手写签批工具栏
            //    WebOffice.ShowCustomToolbar(false);//隐藏手写签批工具栏
            // StatusMsg(WebOffice.Status)
          }
        } catch (e) {
          console.log('catch')
          console.log(e)
          console.log(e.description)
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
  /*@import '@/plugins/iWebOffice/css/iWebProduct'*/
  /*@import "iWebProduct";*/
  #office {
    height: 800px;
  }

  /*@import '@/plugins/iWebOffice/css/iWebProduct'*/
</style>
